<!DOCTYPE html>
<html>
    <head>
        <!-- 当前文档的字符集编码为utf-8 -->
        <meta charset="utf-8">
        <meta name = "author" content="wyrQF">
        <meta name="keywords" content="CGI开发 H5模版 千锋教育 西安物联网">
        <title>HTML5模版-主页</title>
    </head>
    <body>
       <table border="1" height="500px" width="800px" cellspacing="0" cellpadding="10px" align="center">
        <caption><h3>第一个表格--作业完成情况</h3></caption>
        <!-- 头标题部分，标题列使用 th，文字加粗且居中 ,一般有一行 -->
        <thead>
            <th>序号</th>
            <th>作业描述</th>
            <th width="40px">完成情况</th>
            <th>备注</th>
        </thead>

        <!-- 表体，用于数据描述 -->
        <tbody>
            <!-- 生成三行四列-->
            <tr>
                <td align="center" valign="top">1</td>
                <td align="left">编写udp发送端程序</td>
                <td>100%</td>
                <td>无</td>
            </tr>
            <tr>
                <td  valign="middle">2</td>
                <td align="center">编写udp接收端端程序</td>
                <td >80%</td>
                <td>流程不熟悉</td>
            </tr>
            <tr>
                <td align="center" valign="bottom">3</td>
                <td align="right">编写原始文本之udp发送数据</td>
                <td>50%</td>
                <td>udp报文组装不熟悉</td>
            </tr>
        </tbody>

        <tfoot>
            <tr>
                <td colspan="4"  align="center"> 整体良好 </td>
            </tr>
        </tfoot>
       </table>
    </body>
</html>
